<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <link rel="stylesheet" href="{{ url_for('static',filename="bootstrap/bootstrap.min.css") }}">
    {#    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.3/css/bootstrap.min.css">#}
    <link rel="stylesheet" href="{{ url_for('static',filename="css/base.css") }}">
    {% block header %}{% endblock %}
</head>
<body>

<nav class="navbar navbar-expand-lg bg-light">
    {#  logo  #}
    <a class="navbar-brand" href="/">
        <img style="height: 40px" src="{{ url_for('static',filename="imgs/logo-mx-64.png") }}" alt="">
    </a>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
                <a class="nav-link" href="/">首页 <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/hot">热门推荐 <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/cate">话题分类 <span class="sr-only">(current)</span></a>
            </li>

            {% if user_login_info %}
                <li class="nav-item">
                    <a class="nav-link" href="/ucenter">会员中心</a>
                </li>
            {% else %}
                <li class="nav-item">
                    <a class="nav-link" href="/register">会员注册</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/login">会员登录</a>
                </li>
            {% endif %}
        </ul>
        <form class="form-inline" action="/search">
            <input value="{% if keyword %} {{ keyword }} {% endif %}" name="keyword" class="form-control mr-2"
                   type="search" placeholder="请输入搜索关键词" aria-label="Search">
            <button class="btn btn-outline-primary" type="submit">搜索</button>
        </form>
    </div>
</nav>

<div style="min-height: 400px;margin: 10px 0">
    {% block content %}

    {% endblock %}
</div>


<footer class="alert">
    <p class="text-center">&copy;2025 xxx网络科技公司版权所有</p>
</footer>
</body>
</html>